{% extends 'client/base.html' %}
{% block title %}{{ data_s.article.title }}{% endblock %}
{% block keywords %}{{ data_s.article.pro.column_name }},{{ data_s.article.title }}{% endblock %}
{% block description %}{{ data_s.article.pro.column_name }},{{ data_s.article.description or '' }}{% endblock %}
{% block head_js %}
    <link href="{{ url_for('static',filename='css/article.css') }}" rel="stylesheet">
{% endblock %}
{% block content %}
    <div class="container">
        <div class="content">
            <div class="col-lg-8 left">
                <div class="list_title">
		<span class="crumb">当前位置： <a href="{{ data_s.webapp.web_domain }}">网站首页</a> &gt;<a
                href="{{ url_for('client_bp.article_list',uid=data_s.article.pro.uuid) }}">{{ data_s.article.pro.column_name }}</a> &gt;<a
                href="{{ url_for('client_bp.article',uid=data_s.article.uuid) }}">
            {{ data_s.article.title[:26] }}{% if data_s.article.title|length >26 %}.....{% endif %} </a>
	</span>
                </div>
                <div class="active_content">
                    <!--内容开始 -->
                    <div class="content_box ">
                        <h1>{{ data_s.article.title }}</h1>
                        <p class="info">
                            <span>时间：{{ data_s.article.update_time }} &nbsp;&nbsp; 点击：</span>
                            <span>{{ data_s.article.clicks or '0' }}次 &nbsp;&nbsp; </span>
                            <span class="trfl trcomfrom">来源：{{ data_s.article.source or '' }} &nbsp;&nbsp; 作者：{{ data_s.article.author or '' }}</span>
                        </p>
                        <div class="details">
                            {{ data_s.article.content|safe or '' }}
                        </div>
                    </div>
                    <div class="share visible-lg-block">
                        <!-- 分享代码 -->
                    </div>
                    <p class="near_news">上一篇：<a href="">易醉呢？解酒食物揭秘</a></p>
                    <p class="near_news">下一篇：<a href="">在喝酒前吃什么不容易醉呢？解酒食物揭秘</a></p>
                    <!-- 内容结束 -->
                </div>
                <div class="comment">
                    <div>请遵守法律法规，文明发言，积极发表您的知识与见解。评论页面提示信息!</div>
                </div>
            </div>
            <!-- right -->
            <div class="col-lg-4 right">
                <div class="smallblock">
                    <div class="list_title"><i class="fa fa-free-code-camp fa-lg"></i> 本栏目热门阅读</div>
                    <ul class="smallblock_ul">
                        {% for data in data_s.host %}
                            <li><a href="{{ url_for('client_bp.article',uid=data.uuid) }}" title="{{ data.title }}">
                                {{ data.title[:18] }}{% if data.title|length>18 %}
                                    ...{% endif %}</a><span>{{ data.create_time.strftime('%m-%d') }}</span></li>
                        {% endfor %}
                    </ul>
                </div>

                <div class="smallblock">
                    <div class="list_title"><i class="fa fa-paper-plane fa-lg"></i> 本栏目最新文章</div>
                    <ul class="smallblock_ul">
                        {% for data in data_s.new_list %}
                            <li><a href="{{ url_for('client_bp.article',uid=data.uuid) }}" title="{{ data.title }}">
                                {{ data.title[:18] }}{% if data.title|length>18 %}
                                    ...{% endif %}</a><span>{{ data.create_time.strftime('%m-%d') }}</span></li>
                        {% endfor %}
                    </ul>
                </div>


                <div class="smallblock">
                    <div class="list_title"><i class="fa fa-random fa-lg"></i> 本栏目随机阅读</div>
                    <ul class="smallblock_ul">
                        {% for data in data_s.random_list %}
                            <li><a href="{{ url_for('client_bp.article',uid=data.uuid) }}" title="{{ data.title }}">{{ data.title[:18] }}{% if data.title|length>18 %}
                                    ...{% endif %}</a><span>{{ data.create_time.strftime('%m-%d') }}</span></li>
                        {% endfor %}
                    </ul>
                </div>

                <div class="ad2"><!-- 广告 --></div>
            </div>
        </div>
    </div>
{% endblock %}